<template>
  <n-message-provider>
    <n-space vertical>
      <n-card title="Demo">
        <UserForm />
      </n-card>
      <n-card title="说明" size="small">
        <ul>
          <li>使用 Vite5 + VUE3.4 + Naive-UI 构建页面；</li>
          <li>使用 Gin + Golang 创建后端接口；</li>
          <li>后端3个接口：获取拼图、检查拼图、提交后二次检查；</li>
          <li>后端有参考 https://gitee.com/wida/go-captcha，感谢；</li>
          <li>此 Demo 仅供参考，不建议直接在业务中使用；</li>
          <li>代码开源：https://gitee.com/binny_w/slider_verify_demo。</li>
        </ul>
      </n-card>
    </n-space>
  </n-message-provider>
</template>

<script setup>
import UserForm from '@/components/user_form.vue'
import { NMessageProvider, NCard, NSpace } from 'naive-ui'
</script>

<style scoped>
.n-card {
  min-width: 300px;
}
</style>
